body.personabar-visible {
    width: auto;
}

/*Start:menu item*/
.row-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(-.5 * 20px);
    margin-right: calc(-.5 * 20px);
}

.post-col {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.option-menu-top {
    padding: 0 10px;
}

.personabar-visible .list-option-menu {
    -webkit-box-shadow: 0 0 30px 15px rgb(164 0 248 / 6%);
    box-shadow: 0 0 30px 15px rgb(164 0 248 / 6%);
}

.list-option-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    margin-bottom: 40px;
    border-radius: 3px;
}

span.icon-option-menu svg {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.list-option-menu a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.list-option-menu a:hover {
    background: #efefef
}

.list-option-menu h5 {
    margin: 0;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.list-option-menu a:hover span {
    background: #fff;
    -webkit-box-shadow: 0 0 11px 1px rgb(164 0 248 / 6%);
    box-shadow: 0 0 11px 1px rgb(164 0 248 / 6%);
}

.list-option-menu a:after {
    content: "";
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #E5E7E6;
    position: absolute;
}

span.icon-option-menu {
    background: #efefef;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    margin-left: 10px;
    margin-right: 10px;
}

/*End:menu item*/
/* Uploader Styles */
.pa_photolist li {
    display: inline;
    float: left;
    margin-left: 10px;
    margin-bottom: 10px;
}

.progressWrapper {
    width: 357px;
    overflow: hidden;
    background-color: #000;
}

.progressContainer {
    margin: 1px;
    padding: 4px;
    border: solid 1px #E8E8E8;
    background-color: #F7F7F7;
    overflow: hidden;
}

.progressBarInProgress, .progressBarComplete, .progressBarError {
    font-size: 0px;
    width: 0%;
    height: 2px;
    background-color: blue;
    text-align: left;
    margin-top: 2px;
    float: left;
}

.progressBarComplete {
    width: 100%;
    background-color: green;
    visibility: hidden;
}

.progressBarError {
    width: 100%;
    background-color: red;
    visibility: hidden;
}

.progressBarStatus {
    margin-top: 2px;
    text-align: left;
    white-space: nowrap;
}

a.progressCancel, a.progressCancel:link, a.progressCancel:active, a.progressCancel:visited, a.progressCancel:hover {
    font-size: 0px;
    display: block;
    height: 14px;
    width: 14px;
    background-image: url(Images/Uploader/cancelbutton.gif);
    background-repeat: no-repeat;
    background-position: -14px 0px;
    float: right;
}

a.progressCancel:hover {
    background-position: 0px 0px;
}

#ColorPickerDiv {
    display: block;
    display: none;
    position: relative;
    border: 1px solid #777;
    background: #fff;
}

#ColorPickerDiv TD.color {
    cursor: pointer;
    font-size: xx-small;
    font-family: 'Arial', 'Microsoft Sans Serif';
}

#ColorPickerDiv TD.color label {
    cursor: pointer;
}

.ColorPickerDivSample {
    margin: 0px 0px 0px 4px;
    border: solid 1px #000;
    padding: 0px 10px;
    position: relative;
    cursor: pointer;
}

#tabs-myarticles {
    padding-top: 10px;
}

/*Start:Admin option*/
.box-admin-options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 30px 15px rgb(164 0 248 / 6%);
    box-shadow: 0 0 30px 15px rgb(164 0 248 / 6%);
    padding: 15px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.box-admin-options:hover {
    background: #efefef;
    -webkit-box-shadow: 0 0 20px 10px rgb(159 159 159 / 42%);
    box-shadow: 0 0 20px 10px rgb(159 159 159 / 42%);
}

.row-option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(-.5 * 20px);
    margin-right: calc(-.5 * 20px);
}

.row-option > * {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: calc(20px * .5);
    padding-right: calc(20px * .5);
}

.option-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%;
}

span.icon-options {
    background: #e4ebe7;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.box-admin-options:hover span.icon-options {
    background: #fff;
    -webkit-box-shadow: 0 0 11px 1px rgb(164 0 248 / 6%);
    box-shadow: 0 0 11px 1px rgb(164 0 248 / 6%);
}

span.icon-options svg {
    width: 4rem;
    height: 4rem;
    margin: 0 auto;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.text-admin-options {
    min-height: 40px;
}

/*End:Admin option*/
/*Start:Approve Article*/
.card-pane {
    padding: 15px 15px 5px;
    -webkit-box-shadow: 0 0 30px 15px rgb(164 0 248 / 6%);
    box-shadow: 0 0 30px 15px rgb(164 0 248 / 6%);
    border-radius: 3px;
}

.drp-category .dnnLabel {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin: 0 0 5px 0;
    padding: 0;
}

.drp-category select.select-form {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 3rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #fff;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg>");
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*End:Approve Article*/
/*Start:table*/
table.table-article {
    margin-top: 30px;
    width: 100%;
    margin-bottom: 30px;
}

table.table-article input[type="checkbox"], td.head-new-window input[type="checkbox"], table.table-view-option input[type="checkbox"], table.table-existing-file .link-file-manager .checkbox-file-manager input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #eff2f5;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px;
    margin: 0;
    float: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: 60% 60%;
    -webkit-transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

table.table-view-option input[type="checkbox"] {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 10px;
}

table.table-article input[type="checkbox"]:checked, td.head-new-window input[type="checkbox"]:checked, table.table-view-option input[type="checkbox"]:checked, table.table-existing-file .link-file-manager .checkbox-file-manager input[type="checkbox"]:checked {
    background-color: #a400f8;
}

table.table-article input:checked[type=checkbox], td.head-new-window input:checked[type="checkbox"], table.table-view-option input:checked[type="checkbox"], table.table-existing-file .link-file-manager .checkbox-file-manager input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg>");
}

table.table-article thead tr:first-child th, table.table-article tbody tr:first-child td {
    font-weight: bold;
    color: #a1a5b7;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

table.table-article thead tr th, table.table-article tbody tr td {
    text-align: center;
    vertical-align: top;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

table.table-article tbody tr, table.table-article thead tr {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #e4e6ef;
}

table.table-article tbody tr:last-child {
    border: none
}

table.table-article tbody tr td:first-child, table.table-article tbody tr td:last-child {
    text-align: center;
}

table.table-article.table-logs tbody tr:first-child td {
    color: unset;
    font-weight: normal;
}

.card-pane table.table-article tbody td.td-edit-tag {
    text-align: right;
}

table.table-article.table-logs thead tr:first-child th {
    text-align: center;
}

table.table-fields tbody tr td {
    vertical-align: middle;
}

table.table-article.table-logs tbody tr td {
    text-align: center;
}

table.ctl-paging-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

.links-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.btns {
    display: inline-block;
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 10px;
    /* font-size: 1.1rem; */
    border-radius: 3px;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.btn-select {
    border-color: #0d6efd;
    background-color: #0d6efd;
}

.btn-select:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.btn-all {
    border-color: #198754;
    background-color: #198754;
}

.btn-all:hover {
    background-color: #157347;
    border-color: #146c43;
}

.btn-reject {
    border-color: #dc3545;
    background-color: #dc3545;
}

.btn-reject:hover {
    background-color: #bb2d3b;
    border-color: #b02a37;
}

.btn-add {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-add:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-cancel {
    background-color: #17a2b8;
    border-color: #17a2b8;
}

.btn-cancel:hover {
    background-color: #31d2f2;
    border-color: #25cff2;
}

.btn-update {
    color: #000 !important;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-update:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
}

.btn-save {
    background-color: #a400f8;
    border-color: #a400f8;
}

.btn-save:hover {
    background-color: #690b99f2;
    border-color: #690b99f2;
}

.btn-accept {
    background-color: #a400f8;
    border-color: #a400f8;
}

.btn-accept:hover {
    background-color: #690b99f2;
    border-color: #690b99f2;
}

.links-button > .btns {
    margin: 5px;
    color: #fff;
}

.lbl-noarticle span {
    color: #842029;
    background-color: #f8d7da;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 15px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 1px solid #f5c2c7;
    border-radius: 3px;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.lbl-noarticle span br {
    display: none;
}

/*End:table*/
/*Start:submit news*/
table.table-create .dnnLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    float: none;
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: bold;
}

table.table-create .dnnLabel label {
    margin-left: 10px;
    font-size: 13px;
    color: #000;
}

table.table-create .dnnLabel a.dnnFormHelp {
    left: 0;
    top: 1px;
    position: relative;
}

input.input-form, td.url-link .urlControl input[type=text], td.collection-form input[type="text"], table.table-view-option input[type="text"], .view-search-list input[type="text"] {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #f5f8fa;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    margin-bottom: 15px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

input.input-form:focus-visible, td.url-link .urlControl input[type=text]:focus-visible, td.url-link select:focus-visible, td.collection-form input[type="text"]:focus-visible, table.table-view-option input[type="text"]:focus-visible, .view-search-list input[type="text"]:focus-visible {
    border: 1px solid #e4e6ef;
    outline: 0;
}

textarea.textarea-form, td.collection-form textarea {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #f5f8fa;
    background-clip: padding-box;
    border: 1px solid #e4e6ef;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    margin-bottom: 15px;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

textarea.textarea-form:focus-visible, td.collection-form textarea:focus-visible, table.table-view-option select:focus-visible {
    border: 1px solid #e4e6ef;
    outline: 0;
}

.collection-form .dnnFormItem textarea:focus {
    background: #f5f8fa;
    border: 1px solid #e4e6ef;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: unset;
}

td.url-link select, table.table-view-option select {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 3rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #fff;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg>");
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

td.url-link select.multiple-form, table.table-view-option select.multiple-form {
    padding-left: 0;
    background-image: none;
    height: auto !important;
}

table.table-view-option select {
    margin-bottom: 20px
}

.table-create .dnnTextEditor .dnnRadiobutton img {
    background-position: 0px 0px;
}

td.collection-form input[type="text"], td.collection-form textarea {
    width: 100% !important;
}

.collection-form .dnnTextPanel, .collection-form .dnnTextPanelView {
    width: 100% !important;
}

.collection-form textarea {
    width: 100% !important;
    max-width: 100%;
}

table.table-custom {
    width: 100%;
}

.collection-form select {
    width: 100% !important;
}

.table-create .dnnTextEditor .dnnRadiobutton img {
    background: transparent url(./images/radiobutton.png) no-repeat;
}

.table-create .dnnTextEditor .dnnRadiobutton img {
    width: 20px;
    height: 18px;
    min-width: 20px;
    vertical-align: middle;
}

.table-create .dnnTextEditor .dnnRadiobutton-checked img {
    background-position: -50px 0px;
}

.table-create .dnnTextEditor .dnnRadiobutton .mark {
    display: inline-block;
    background-color: transparent;
    padding: 0
}

.table-create .dnnTextEditor input[type="radio"] {
    display: none;
}

.table-create .dnnTextEditor .dnnRadiobutton {
    margin-left: 5px;
}

.table-create .dnnTextEditor .dnnBoxLabel {
    margin-left: 15px;
    color: #b5b5c3;
}

.table-create .dnnTextEditor .dnnTextPanelView > span {
    margin-bottom: 15px;
    display: block;
}

.table-create .dnnTextEditor .dnnFormItem div {
    width: 100% !important;
}

.table-create .dnnTooltip {
    left: auto !important;
}

.section-head input[type="image"] + span.Head {
    display: block;
    margin: 0;
    width: 90%;
    padding: 15px 30px 15px 15px;
    font-size: 18px;
    color: #000;
}

.section-head {
    margin-bottom: 10px;
}

.section-head span {
    position: relative;
}

.section-head.is-open span:before {
    transform: translate(0,-57%) rotate(405deg);
}

.section-head span:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    transform: translate(0,-57%);
    background-size: 30px;
    transition: transform 0.3s;
}

.section-head div:nth-of-type(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #f0f0f0;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    /* margin-bottom: 10px; */
    border-radius: 3px;
}

.section-head div:nth-of-type(2) {
    display: none
}

.table-create span.label-create-help {
    margin-bottom: 20px;
    display: block;
    font-size: 14px;
    color: #b5b5c3;
}

table.table-create a.dnnFormHelp {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23999999' class='i-info-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm.93-9.412-1 4.705c-.07.34.029.533.304.533.194 0 .487-.07.686-.246l-.088.416c-.287.346-.92.598-1.465.598-.703 0-1.002-.422-.808-1.319l.738-3.468c.064-.293.006-.399-.287-.47l-.451-.081.082-.381 2.29-.287zM8 5.5a1 1 0 1 1 0-2 1 1 0 0 1 0 2z'/%3E%3C/svg%3E");
    width: 16px;
    height: 19px;
}

.section-head input[type="image"] {
    position: relative;
    right: 10px;
    display: none;
}

td.url-link {
    width: 100%;
    padding: 20px 0 0;
}

table.custom-fields {
    width: 100%;
}

td.url-link.SubHead {
    display: block;
}

td.url-link .urlControl {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    padding-bottom: 0;
    padding: 15px 0 0;
    margin-bottom: 0;
}

.table-custom td.url-link.SubHead {
    padding: 0 0 10px 0;
    font-weight: bold;
    color: #000;
    position: relative;
}

td.url-link table.ucLinkTypeRadioButtons {
    width: 100%;
    margin-top: 17px;
    display: inline-block;
}

.custom-fields .Help {
    border: 1px solid #eee;
    background-color: #eff2f5;
    border-radius: 3px;
}

td.url-link table.ucLinkTypeRadioButtons tr {
    display: inline-block;
    padding-left: 20px;
}

.url-link .dnnClear br {
    display: none;
}

td.url-link .dnnFormLabel, td.url-link .urlControlFile > span, td.url-link .urlControlTab > span {
    font-weight: bold;
    color: #000;
}

td.url-link .urlControlFile > span, td.url-link .urlControlTab > span {
    display: block;
    margin-bottom: 15px;
}

td.url-link .urlControl .urlControlLinkType input[type="radio"], td.collection-form input[type="radio"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent url(./images/radiobutton.png) no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 20px;
    vertical-align: top;
}

td.url-link .urlControl .urlControlLinkType input[type="radio"]:checked, td.collection-form input[type="radio"]:checked {
    background-position: -50px 0px;
}

td.url-link a.dnnSecondaryAction {
    background: none;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid;
}

td.url-link .urlControlFile > div {
    text-align: left;
}

table.type-url-link {
    width: 100%;
}

table.type-link {
    width: 100%;
}

td.head-new-window {
    display: flex;
    /* padding-right: 15px; */
}

td.head-new-window input[type="checkbox"] {
    margin-left: 5px;
}

table.table-existing-file .file-manager {
    padding: 20px 0;
}

td.SubHead.p-top {
    padding-top: 20px;
}

td.p-bottom {
    margin-bottom: 20px;
}

table.table-existing-file .file-select {
    /* display: inline-flex; */
}

table.table-existing-file .btns-file-manager {
    text-align: left;
}

table.table-existing-file .images-file-manager .panel-body {
    padding: 15px 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

table.table-existing-file .images-file-manager .panel-body > * {
    flex-shrink: 0;
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
}

table.table-existing-file .images-file-manager .link-file-manager {
    margin-bottom: 20px;
    padding: 5px;
    border: none;
    -webkit-box-shadow: 0 0 30px 15px rgb(164 0 248 / 6%);
    box-shadow: 0 0 11px 7px rgb(164 0 248 / 6%);
    border-radius: 3px;
}

table.table-existing-file .images-file-manager {
    border: 1px solid #e4e6ef;
    border-radius: 3px;
    height: 465px;
    overflow: auto;
    margin-bottom: 30px;
}

table.table-existing-file .link-file-manager .checkbox-file-manager {
    position: absolute;
    padding: 0;
    top: 5px;
    right: 5px;
}

table.table-existing-file .link-file-manager .download-file-manager {
    position: absolute;
    left: 5px;
    padding: 0;
    top: 5px;
    font-size: 18px;
}

table.table-existing-file .link-file-manager img {
    width: auto;
    /* max-height: 200px; */
    margin: 30px 0 30px 0;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
    height: 80px;
}

table.table-existing-file .link-file-manager span {
    display: block;
    padding: 5px;
    word-break: break-word;
}

td.table-selected-content span {
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

td.table-selected-content span.image-url img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 3px;
}

td.table-selected-content input[type="text"] {
    text-align: center;
    font-size: 12px;
}

.btns-selected-edit {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.btns-selected-edit a {
    border: 1px solid;
    margin: 0 2px;
    padding: 2px 5px;
    border-radius: 3px;
}

tr.tr-block td {
    display: block;
}

tr.tr-block td:nth-child(2) span {
    display: block;
    margin-bottom: 20px;
    font-size: 14px;
    color: #b5b5c3;
}

tr.tr-block {
    padding-top: 12px;
    display: block;
}

input.input-form.input-publish-date {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    color: #b5b5c3;
}

td.publish-date {
    position: relative;
}

a.open-calender {
    position: absolute;
    right: 130px;
    top: 50%;
    transform: translate(0,-12%);
}

span.time-publish {
    display: flex;
    align-items: baseline;
    flex-wrap: nowrap;
    align-content: center;
    margin-right: 5px;
}

.date-content {
    display: flex;
}

span.time-publish input[type="text"] {
    width: 50px;
    text-align: center;
    font-size: 14px;
    color: #b5b5c3;
}

span.author-user-name {
    color: #b5b5c3;
}

td.collection-form input[type="checkbox"] + label, td.collection-form input[type="radio"] + label {
    vertical-align: top;
    margin-left: 10px;
    font-size: 13px;
    color: #000;
}

td.collection-form input[type="radio"] + label {
    margin-right: 5px;
}

div#colorPickerDiv {
    transform: translate(100%, -2px);
}

input.hasColorPicker {
    text-align: left;
    padding-left: 50px !important;
}

.table-custom td.url-link.SubHead .ColorPickerDivSample {
    position: absolute;
    top: 2px;
    left: 0;
    width: 39px;
    height: 39px;
    border-radius: 3px;
}

/*End:submit news*/
/*Start:view option*/
table.table-w {
    width: 100%;
}

td.td-block {
    display: block;
}

.p-bottom10 {
    padding-bottom: 10px;
}

.td-url-image .urlControl {
    float: none;
}

.td-url-image .urlControl select {
    max-width: 100%;
}

.td-url-image .urlControl .dnnClear br {
    display: none;
}

.td-url-image .urlControl a.dnnSecondaryAction {
    background: none;
    box-shadow: none;
    text-shadow: none;
    border: 1px solid;
}

td.td-radio-block table {
    width: 100%;
}

td.td-radio-block table td {
    display: block;
}

table.table-permissions {
    width: 100%;
}

table.table-permissions tr td {
    padding-bottom: 10px;
    font-weight: bold;
}

table.table-permissions tr:first-child td span {
    display: inline-block;
    margin-bottom: 15px;
}

table.table-permissions tr td br {
    display: none;
}

table.table-w-auto {
    width: auto;
}

/*end:view option*/
/*Start:archives*/
.listing-archive span {
    font-size: 16px;
}

.listing-archive {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.items-archives {
    margin-bottom: 10px;
}

.items-archives a {
    font-size: 16px;
}

a.links-archives {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.items-archives {
    display: flex;
    width: 100%;
    padding: 5px;
    background: #f5f5f5;
}

span.number-archives {
    color: #000;
}

.items-archives img {
    margin-left: 10px;
}

/*End:archives*/
/*Start:view shearch*/
.view-search-list {
    margin-top: 30px;
    position: relative;
}

input.button-view-search {
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    border-right: 1px solid #e4e6ef;
    height: 100%;
    min-width: 120px;
    background: #e4e6ef;
    color: #0d6efd;
}

/*End:view shearch*/
/*Start:my article*/
.checkbox-my input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #eff2f5;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 3px;
    margin: 0;
    float: none;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-size: 60% 60%;
    -webkit-transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.checkbox-my input[type="checkbox"] {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 10px;
}

.checkbox-my input[type="checkbox"]:checked {
    background-color: #a400f8;
}

.checkbox-my input:checked[type="checkbox"] {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23FFFFFF'/%3e%3c/svg>");
}

.checkbox-my {
    margin-top: 25px;
    display: flex;
    margin-bottom: 25px;
}

.checkbox-my label {
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.category-my {
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
}

.category-my .dnnLabel {
    float: none;
    width: auto;
    text-align: right;
    margin-bottom: 10px;
}

.category-my .dnnLabel span {
    font-size: 13px;
    color: #000;
    font-weight: bold;
}

.category-my select {
    display: block;
    width: 100%;
    padding: 0.75rem 1rem 0.75rem 3rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #fff;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg>");
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.category-my select:focus-visible {
    border: 1px solid #e4e6ef;
    outline: 0;
}

div#tabs-myarticles ul.ui-my-tabs {
    padding: 0;
    border: none;
    margin-bottom: 10px;
}

div#tabs-myarticles ul.ui-my-tabs li {
    float: none;
    display: inline-flex;
    margin: 0;
}

div#tabs-myarticles ul.ui-my-tabs li.ui-state-active a {
    background: #e4e6ef
}

div#tabs-myarticles ul.ui-my-tabs li.ui-state-active:focus-visible {
    outline: 0;
    border: none
}

div#tabs-myarticles ul.ui-my-tabs li a {
    border: 1px solid;
    margin: 0;
    background: none;
    color: #a400f8;
    text-shadow: none;
    border-radius: 3px;
}

.lbl-noarticle br {
    display: none;
}

.label-create-help {
    margin-bottom: 20px;
    display: block;
    font-size: 14px;
    color: #b5b5c3;
}

.head-caption {
    background: #f7fbfc;
    margin-bottom: 30px;
}

.head-caption h3 {
    margin: 0;
    border-right: 3px solid;
    padding: 5px;
}

/*End:my article*/
/*Start:categories*/
table.table-categories select {
    background-image: none;
}

.move-category {
    display: flex;
}

.button-move {
    display: flex;
    align-items: center;
}

.td-move-category {
    width: 100%
}

span.label-move-category {
    margin-left: 15px;
    color: #000;
    font-weight: bold;
}

.button-move a {
    display: none;
}

.button-move .dnnFormInfo {
    display: block !important;
    margin-right: 10px;
}

.button-move .dnnFormInfo span {
    color: #b5b5c3;
    display: block;
    position: relative;
    top: 2px;
    margin-left: 15px;
}

.move-grid-category {
    display: flex;
}

.direction-textbox {
    text-align: left;
    direction: ltr;
}

/*End:categories*/
/*Start:Help*/
.help-token {
    display: flex;
    color: #000;
    font-weight: bold;
    justify-content: space-between;
    padding: 10px;
    background: #f9f9f9;
    transition: all 0.3s linear;
}

.help-token:hover {
    background: #eee
}

.margin-bottom15 {
    margin-bottom: 15px;
}

.card-pane select.select-left {
    padding: 0.75rem 3rem 0.75rem 1rem;
    background-position: right 1rem center;
}

/*End:Help*/
/*Start:Site Template*/
.list-tokens {
    direction: ltr;
    text-align: left;
}

.list-tokens ul {
    margin-bottom: 20px;
}

span.head-tokens {
    color: #000;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    display: block;
}

.list-tokens ul li {
    font-size: 13px;
    color: #999;
    font-weight: bold;
}

a.btn-create {
    border: 1px solid #a400f8 !important;
    padding: 10px 15px;
    border-radius: 3px;
}

.margin-left5 {
    margin-left: 5px;
}

.margin-bottom5 {
    margin-bottom: 5px;
}

table select.no-arrow {
    background-image: none;
    padding-left: 0;
}

/*Ens:Site Template*/
/*file manager*/
.link-file-manager {
    overflow: hidden;
    height: 200px;
    position: relative;
    text-align: center;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 30px;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

.link-file-manager img {
    /* width: 100px; */
    /* height: 100px; */
    /* margin: 15px 0; */
    -o-object-fit: contain;
    /* object-fit: contain; */
}

.link-file-manager span {
    /* font-size: 11px; */
    /* display: block; */
    /* padding: 5px; */
    /* word-break: break-word; */
    /* color: #000; */
}

.btns-file-manager {
    margin-bottom: 15px;
}

.link-file-manager a {
    display: block;
    height: 100%;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
}

.link-file-manager:hover {
    background: #f9f9f9;
}

.link-file-manager a.selected {
    background: #f9f9f9;
    display: block;
    height: 100%;
    position: relative;
}

.images-file-manager .panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
}

.link-file-manager .checkbox-file-manager {
    position: absolute;
    padding: 0 5px;
    top: 0;
    right: 0;
}

.link-file-manager .download-file-manager {
    position: absolute;
    left: 0;
    padding: 0 5px;
    top: 3px;
    color: #5cb85c;
}

.download-file-manager a:hover {
    background: none;
}

/*pagination*/
td.right {
    text-align: right;
}

table .btn-xs {
    padding: 2px 5px;
}

table.table td {
    vertical-align: middle !important;
}

.table-height {
    min-height: 300px;
}

table.PagerContainerTable {
    margin: 30px auto;
}

.box-tab-popup, .nav-tabs {
    margin: 0;
}

td.PagerInfoCell {
    padding: 2px 10px 5px;
    line-height: 0;
    background: #ddd;
    border-left: 1px solid #337ab7;
}

td.PagerCurrentPageCell span {
    display: block;
    padding: 0 8px;
    cursor: no-drop;
    background: #337ab7;
    color: #fff;
    border: 1px solid #337ab7;
}

td.PagerCurrentPageCell, td.PagerOtherPageCells {
    display: inline-block;
    padding: 0;
    height: 31px;
}

td.PagerCurrentPageCell {
    line-height: 29px;
}

td.PagerOtherPageCells a {
    display: block;
    padding: 0 8px;
    border: 1px solid #337ab7;
    border-right: none;
    height: 31px;
    line-height: 31px;
    text-align: center;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    color: #010101;
}

.button-right a.btn-sq, .launchButton-print {
    width: 85px;
    height: 85px;
}

td.PagerOtherPageCells a:hover {
    background: #dedddd;
}

td.PagerOtherPageCells a i {
    line-height: 30px;
    color: #337ab7;
}

.wrapper-popup {
    background: #f2f2f2;
}

.tab-content {
    overflow: hidden;
    -moz-box-shadow: 0 1px 6px rgba(0,0,0,.125);
    padding: 0;
    margin: 0;
    border-width: 1px;
    background: #fff;
    position: relative;
    border-color: #CECECE;
    border-style: solid;
}

a.btn-plus {
    margin: 27px 0 0;
}

td.PagerSSCCells a {
    display: block;
    padding: 0 8px;
    border: 1px solid #337ab7;
    border-right: none;
    height: 31px;
    line-height: 31px;
    text-align: center;
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    color: #010101;
}

.page-header h1 span {
    font-size: 18px;
}

/*captcha*/
.captcha-box {
    position: relative;
}

.captcha-box img {
    position: absolute;
    left: 0;
    z-index: 9;
}

.captcha-box .input-group-addon {
    border-radius: 0;
    background-color: #e2e2e2;
    border: none;
}

.captcha-box input[type="text"] {
    height: 50px;
    border: 2px solid #e2e2e2;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

@media (min-width: 425px) {
    .list-option-menu a {
        width: 50%;
    }

    .list-option-menu a:before {
        content: "";
        height: 100%;
        width: 1px;
        left: 0;
        top: 0;
        background: #E5E7E6;
        position: absolute;
    }

    .list-option-menu a:nth-of-type(9):after {
        display: none
    }

    .list-option-menu a:nth-of-type(2):before, .list-option-menu a:nth-of-type(4):before, .list-option-menu a:nth-of-type(6):before, .list-option-menu a:nth-of-type(8):before, .list-option-menu a:nth-of-type(9):before {
        display: none
    }
}

@media (min-width: 576px) {
    .list-option-menu a {
        width: 33.33333%;
    }

    .list-option-menu a:nth-of-type(7):after, .list-option-menu a:nth-of-type(8):after {
        display: none
    }

    .list-option-menu a:nth-of-type(2):before, .list-option-menu a:nth-of-type(4):before, .list-option-menu a:nth-of-type(8):before {
        display: block
    }

    .list-option-menu a:nth-of-type(3):before {
        display: none
    }

    .option-col {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .list-option-menu a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: auto;
    }

    .list-option-menu a:after, .list-option-menu a:last-child:before {
        display: none
    }

    .list-option-menu a:nth-of-type(3):before, .list-option-menu a:nth-of-type(6):before {
        display: block
    }

    .option-col {
        width: 33.33333333%
    }
}

@media (min-width: 1400px) {
    .option-col {
        width: 25%
    }
}